	<!-- Start Content -->
	<div class="container-fluid">
		
		<div class="navbar main">
			<a href="index.html?lang=en" class="appbrand"><span>Smashing Admin</span></a>
			
						<button type="button" class="btn btn-navbar">
				<span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
			</button>
						
			<ul class="topnav pull-left tn1">
								<li class="hidden-phone">
					<a href="#themer" data-toggle="collapse" class="glyphicons eyedropper"><i></i><span>Themer</span></a>
					<div id="themer" class="collapse">
						<div class="wrapper">
							<span class="close2">&times; close</span>
							<h4>Themer <span>color options</span></h4>
							<ul>
								<li>Theme: <select id="themer-theme" class="pull-right"></select><div class="clearfix"></div></li>
								<li>Primary Color: <input type="text" data-type="minicolors" data-default="#ffffff" data-slider="hue" data-textfield="false" data-position="left" id="themer-primary-cp" /><div class="clearfix"></div></li>
								<li>
									<span class="link" id="themer-custom-reset">reset theme</span>
									<span class="pull-right"><label>advanced <input type="checkbox" value="1" id="themer-advanced-toggle" /></label></span>
								</li>
							</ul>
							<div id="themer-getcode" class="hide">
								<hr class="separator" />
								<button class="btn btn-primary btn-small pull-right btn-icon glyphicons download" id="themer-getcode-less"><i></i>Get LESS</button>
								<button class="btn btn-inverse btn-small pull-right btn-icon glyphicons download" id="themer-getcode-css"><i></i>Get CSS</button>
								<div class="clearfix"></div>
							</div>
						</div>
					</div>
				</li>
								<li class="hidden-phone">
					<a href="#" data-toggle="dropdown"><img src="tm_assets/theme/images/lang/en.png" alt="en" /></a>
			    	<ul class="dropdown-menu pull-left">
			      		<li class="active"><a href="?page=index&amp;lang=en" title="English"><img src="tm_assets/theme/images/lang/en.png" alt="English"> English</a></li>
			      		<li><a href="?page=index&amp;lang=ro" title="Romanian"><img src="tm_assets/theme/images/lang/ro.png" alt="Romanian"> Romanian</a></li>
			      		<li><a href="?page=index&amp;lang=it" title="Italian"><img src="tm_assets/theme/images/lang/it.png" alt="Italian"> Italian</a></li>
			      		<li><a href="?page=index&amp;lang=fr" title="French"><img src="tm_assets/theme/images/lang/fr.png" alt="French"> French</a></li>
			      		<li><a href="?page=index&amp;lang=pl" title="Polish"><img src="tm_assets/theme/images/lang/pl.png" alt="Polish"> Polish</a></li>
			    	</ul>
				</li>
			</ul>
			
			<ul class="topnav pull-right">
				<li class="visible-desktop">
					<ul class="notif">
						<li><a href="" class="glyphicons envelope" data-toggle="tooltip" data-placement="bottom" data-original-title="5 new messages"><i></i> 5</a></li>
						<li><a href="" class="glyphicons shopping_cart" data-toggle="tooltip" data-placement="bottom" data-original-title="1 new orders"><i></i> 1</a></li>
						<li><a href="" class="glyphicons log_book" data-toggle="tooltip" data-placement="bottom" data-original-title="3 new activities"><i></i> 3</a></li>
					</ul>
				</li>
				<li class="dropdown visible-desktop">
					<a href="" data-toggle="dropdown" class="glyphicons cogwheel"><i></i>Dropdown <span class="caret"></span></a>
					<ul class="dropdown-menu pull-right">
						<li><a href="">Some option</a></li>
						<li><a href="">Some other option</a></li>
						<li><a href="">Other option</a></li>
					</ul>
				</li>
				
				<li class="account">
										<a data-toggle="dropdown" href="my_account.html?lang=en" class="glyphicons logout lock"><span class="hidden-phone text">mosaicpro</span><i></i></a>
					<ul class="dropdown-menu pull-right">
						<li><a href="my_account.html?lang=en" class="glyphicons cogwheel">Settings<i></i></a></li>
						<li><a href="my_account.html?lang=en" class="glyphicons camera">My Photos<i></i></a></li>
						<li class="highlight profile">
							<span>
								<span class="heading">Profile <a href="my_account.html?lang=en" class="pull-right">edit</a></span>
								<span class="img"></span>
								<span class="details">
									<a href="my_account.html?lang=en">Mosaic Pro</a>
									contact@mosaicpro.biz
								</span>
								<span class="clearfix"></span>
							</span>
						</li>
						<li>
							<span>
								<a class="btn btn-default btn-small pull-right" style="padding: 2px 10px; background: #fff;" href="login.html?lang=en">Sign Out</a>
							</span>
						</li>
					</ul>
									</li>
			</ul>
		</div>
		
				<div id="wrapper">
		<div id="menu" class="hidden-phone">
			<span class="profile">
				<a class="img" href="my_account.html?lang=en"><img src="http://www.placehold.it/74x74/232323&amp;text=photo" alt="Mr. Awesome" /></a>
				<span>
					<strong>Mr. Awesome</strong>
					<a href="my_account.html?lang=en">edit account</a>
				</span>
			</span>
			<div id="search">
				<input type="text" placeholder="Quick search ..." />
				<button class="glyphicons search"><i></i></button>
			</div>
			<ul>
				<li class="hasSubmenu glyphicons home active">
					<a data-toggle="collapse" href="#menu_index"><i></i><span>Dashboard</span></a>
					<ul class="collapse in" id="menu_index">
						<li class=" active"><a href="index.html?lang=en"><span>Dashboard v1</span></a></li>
						<li class=""><a href="index_v2.html?lang=en"><span>Dashboard v2</span></a></li>
					</ul>
					<span class="count">2</span>
				</li>
				<li class="hasSubmenu glyphicons cogwheels">
					<a data-toggle="collapse" href="#menu_components"><i></i><span>Components</span></a>
					<ul class="collapse" id="menu_components">
						<li class=""><a href="ui.html?lang=en"><span>UI Elements</span></a></li>
						<li class=""><a href="widgets.html?lang=en"><span>Widgets</span></a></li>
						<li class=""><a href="charts.html?lang=en"><span>Charts</span></a></li>
						<li class=""><a href="tables.html?lang=en"><span>Tables</span></a></li>
						<li class=""><a href="grid.html?lang=en"><span>Grid</span></a></li>
					</ul>
					<span class="count">5</span>
				</li>
				<li class="hasSubmenu">
					<a data-toggle="collapse" class="glyphicons show_thumbnails_with_lines" href="#menu_forms"><i></i><span>Forms</span></a>
					<ul class="collapse" id="menu_forms">
						<li class=""><a href="form_wizard.html?lang=en"><span>Form Wizard</span></a></li>
						<li class=""><a href="form_elements.html?lang=en"><span>Form Elements</span></a></li>
						<li class=""><a href="form_validator.html?lang=en"><span>Form Validator</span></a></li>
						<li class=""><a href="file_managers.html?lang=en"><span>File Managers</span></a></li>
					</ul>
					<span class="count">4</span>
				</li>
				<li class="glyphicons calendar"><a href="calendar.html?lang=en"><i></i><span>Calendar</span></a></li>
				<li class="glyphicons picture"><a href="gallery.html?lang=en"><i></i><span>Photo Gallery</span></a></li>
				<li class="hasSubmenu">
					<a data-toggle="collapse" class="glyphicons shopping_cart" href="#menu_ecommerce"><i></i><span>Online Shop</span></a>
					<ul class="collapse" id="menu_ecommerce">
						<li class=""><a href="products.html?lang=en"><span>Products</span></a></li>
						<li class=""><a href="product_edit.html?lang=en"><span>Add product</span></a></li>
					</ul>
					<span class="count">2</span>
				</li>
				<li class="hasSubmenu glyphicons gift">
					<a data-toggle="collapse" href="#menu_extra"><i></i><span>Extra</span></a>
					<ul class="collapse" id="menu_extra">
						<li class=""><a href="login.html?lang=en"><span>Login</span></a></li>
						<li class=""><a href="my_account.html?lang=en"><span>My Account</span></a></li>
						<li class=""><a href="bookings.html?lang=en"><span>Bookings</span></a></li>
						<li class=""><a href="finances.html?lang=en"><span>Finances</span></a></li>
						<li class=""><a href="pages.html?lang=en"><span>Site Pages</span></a></li>
					</ul>
					<span class="count">5</span>
				</li>
			</ul>
			<div class="clearfix" style="clear: both"></div>
					</div>
		<div id="content">
		<ul class="breadcrumb">
	<li>You are here: <a href="index.html?lang=en" class="glyphicons home"><i></i> Smashing</a></li>
	<li class="divider"></li>
	<li>Dashboard</li>
</ul>

<div class="menubar" style="margin: -1px 0 5px;">
	<ul>
		<li>Button widget:</li>
		<li><a href="">Button 1</a></li>
		<li class="divider"></li>
		<li><a href="">Button 2</a></li>
		<li class="divider"></li>
		<li><a href="">Export</a></li>
	</ul>
</div>
<div class="separator bottom"></div>

<div class="innerLR">
	
	<div class="row-fluid">
	<div class="span3">
	
		<div class="widget widget-3 margin-bottom-none">
			<div class="widget-head">
				<h4 class="heading"><span class="glyphicons user_remove"><i></i></span>cancelled</h4>
			</div>
			<div class="widget-body large dashboard cancellations">
				4 
				<span>
					<span>Lost</span>
					<span>&euro;89.00</span>
				</span>
			</div>
			
			<div class="widget-footer align-center">
				<a href="#" class="glyphicons print"><i></i> Print</a>
				<a href="#" class="glyphicons list"><i></i> View</a>
			</div>
			
		</div>
	
	</div>
	<div class="span9">
	
		<div class="row-fluid">
			<div class="span2">
				<a href="" class="widget-stats">
					<span class="glyphicons shopping_cart"><i></i></span>
					<span class="txt">Sales</span>
					<div class="clearfix"></div>
					<span class="count label label-important">20</span>
				</a>
			</div>
			<div class="span2">
				<a href="" class="widget-stats">
					<span class="glyphicons shield"><i></i></span>
					<span class="txt">Alerts</span>
					<div class="clearfix"></div>
					<span class="count label">25</span>
				</a>
			</div>
			<div class="span2">
				<a href="" class="widget-stats">
					<span class="glyphicons user_add"><i></i></span>
					<span class="txt">Clients</span>
					<div class="clearfix"></div>
					<span class="count label label-warning">33</span>
				</a>
			</div>
			<div class="span2">
				<a href="" class="widget-stats">
					<span class="glyphicons envelope"><i></i></span>
					<span class="txt">Messages</span>
					<div class="clearfix"></div>
					<span class="count label label-primary">265</span>
				</a>
			</div>
			<div class="span2">
				<a href="" class="widget-stats">
					<span class="glyphicons fishes"><i></i></span>
					<span class="txt">Fishes caught</span>
					<div class="clearfix"></div>
					<span class="count label label-important">13</span>
				</a>
			</div>
			<div class="span2">
				<a href="" class="widget-stats">
					<span class="glyphicons coins"><i></i></span>
					<span class="txt">Total Earnings</span>
					<div class="clearfix"></div>
					<span class="count label label-success">&euro;292,039.02</span>
				</a>
			</div>
		</div>
	
	</div>
	</div>
	
</div>
<div class="separator bottom"></div>

<div class="heading-buttons">
	<!-- <h3 class="glyphicons home"><i></i>Dashboard</h3> -->
	<h3>Dashboard<span class="hidden-phone">| Awesome dashboard heading</span></h3>
	<div class="buttons pull-right">
		<a href="" class="btn btn-default">Default</a>
		<a href="" class="btn btn-primary">Primary</a>
		<a href="" class="btn btn-warning">Warning</a>
		<a href="" class="btn hidden-phone btn-danger">Danger</a>
		<a href="" class="btn btn-success hidden-phone">Success</a>
	</div>
	<div class="clearfix" style="clear: both;"></div>
</div>
<div class="separator bottom"></div>

<div class="innerLR">
	<div class="widget">
		<div class="widget-head">
			<h4 class="heading glyphicons cardio"><i></i>Website Traffic</h4>
		</div>
		<div class="widget-body">
			<div id="chart_ordered_bars" style="height: 250px;"></div>
		</div>
	</div>
	
	<div class="menubar">
		<ul>
			<li>Button widget:</li>
			<li><a href="">Button 1</a></li>
			<li class="divider"></li>
			<li><a href="">Button 2</a></li>
			<li class="divider"></li>
			<li><a href="">Export</a></li>
		</ul>
	</div>
	<div class="separator bottom"></div>
	
</div>

<div class="innerLR">
	<div class="row-fluid">
		<div class="span6">
			<div class="widget">
				<div class="widget-head">
					<h4 class="heading glyphicons stats"><i></i>Overview</h4>
				</div>
				<div class="widget-body list">
					<ul>
						<li><span class="count">350,254 <span class="sparkline"></span></span> Visits</li>
						<li><span class="count">120,103 <span class="sparkline"></span></span> Visitors</li>
						<li><span class="count">5,156,392 <span class="sparkline"></span></span> Pageviews</li>
					</ul>
				</div>
			</div>
			<div class="widget">
				<div class="widget-head">
					<h4 class="heading glyphicons heart"><i></i>Interest</h4>
				</div>
				<div class="widget-body list">
					<ul>
						<li><span class="count">00:01:59 <span class="sparkline"></span></span> avg.time</li>
						<li><span class="count">48% <span class="sparkline"></span></span> returning</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="span6">
			<div class="widget">
				<div class="widget-head">
					<h4 class="heading glyphicons pie_chart"><i></i>Traffic sources</h4>
				</div>
				<div class="widget-body">
					<div id="pie" style="height: 226px;"></div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="innerLR">
	<div class="row-fluid">
		<div class="span12">
			<div class="widget widget-tabs">
				<div class="widget-head">
					<ul>
						<li class="active"><a class="glyphicons coffe_cup" href="#dataTableSourcesTab" data-toggle="tab"><i></i>Traffic sources</a></li>
						<li><a class="glyphicons share_alt" href="#dataTableRefferingTab" data-toggle="tab"><i></i>Referrals</a></li>
					</ul>
				</div>
				<div class="widget-body">
					<div class="tab-content">
						<div class="tab-pane active" id="dataTableSourcesTab">
							<div id="dataTableSources"></div>
						</div>
						<div class="tab-pane" id="dataTableRefferingTab">
							<div id="dataTableReffering"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="innerLR">
	<div class="row-fluid">
		<div class="span6">
			<div class="widget widget-activity">
				<div class="widget-head">
					<h4 class="heading">Recent Activity</h4>
				</div>
				<div class="widget-body">
					<ul class="filters">
						<li>Filter by</li>
						<li class="glyphicons user_add"><i></i></li>
						<li class="glyphicons shopping_cart active"><i></i></li>
						<li class="glyphicons envelope"><i></i></li>
						<li class="glyphicons link"><i></i></li>
						<li class="glyphicons camera"><i></i></li>
					</ul>
					<div class="clearfix"></div>
					<ul class="activities">
												<li>
							<span class="glyphicons activity-icon shopping_cart"><i></i></span>
							<a href="">Client name</a> bought 10 items worth of &euro;50 (<a href="">order #2301</a>)
						</li>
												<li>
							<span class="glyphicons activity-icon shopping_cart"><i></i></span>
							<a href="">Client name</a> bought 10 items worth of &euro;50 (<a href="">order #2302</a>)
						</li>
												<li>
							<span class="glyphicons activity-icon shopping_cart"><i></i></span>
							<a href="">Client name</a> bought 10 items worth of &euro;50 (<a href="">order #2303</a>)
						</li>
											</ul>
				</div>
			</div>
			<div class="widget">
				<div class="widget-head">
					<h4 class="heading glyphicons history"><i></i>Activity</h4>
					<a href="" class="details pull-right">view all</a>
				</div>
				<div class="widget-body list">
					<ul>
						<li>
							<span>Sales today</span>
							<span class="count">&euro;5,900</span>
						</li>
						<li>
							<span>Some other stats</span>
							<span class="count">36,900</span>
						</li>
					</ul>
				</div>
			</div>
			<div class="widget">
				<div class="widget-head">
					<h4 class="heading">Last orders</h4>
					<a href="" class="details pull-right">view all</a>
				</div>
				<div class="widget-body list products">
					<ul>
						<li>
							<span class="img">photo</span>
							<span class="title">10 items<br/><strong>&euro;5,900.00</strong></span>
							<span class="count"></span>
						</li>
						<li>
							<span class="img">photo</span>
							<span class="title">Product name<br/><strong>&euro;2,900</strong></span>
							<span class="count"></span>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="span6">
			<div class="widget">
				<div class="widget-head"><h4 class="heading glyphicons conversation"><i></i>Comments</h4></div>
				<div class="widget-body">
					<div class="media">
						<img class="media-object pull-left" src="tm_assets/theme/images/mrawesome.jpg" alt="">
						<div class="media-body">
							<blockquote>
								  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae accumsan mauris. Donec vitae nibh felis, facilisis bibendum sapien. Duis a odio id erat scelerisque fermentum in ut leo. Suspendisse potenti. Nunc semper cursus dui luctus porttitor. Donec facilisis semper magna sit amet ullamcorper. Cras rutrum magna eget risus vulputate congue. Sed sem libero, dignissim sit amet viverra vitae, suscipit sit amet elit. Integer tincidunt risus in metus rhoncus molestie. Nam semper, augue suscipit elementum vehicula, nisl justo fermentum mi, at ultrices quam enim eu nulla. Sed et neque a metus ultrices condimentum non nec purus.</p>
								  <small><a href="#" title="">John Doe</a><cite> | client @ Famous Company</cite></small>
							</blockquote>
						</div>
					</div>
					<div class="media">
						<img class="media-object pull-right" src="tm_assets/theme/images/mrawesome.jpg" alt="">
						<div class="media-body">
							<blockquote class="pull-right">
								  <p>In ultricies ante eget tortor euismod vitae molestie eros hendrerit. Cras tristique, orci ac lacinia aliquet, velit risus laoreet lectus, eget sollicitudin metus orci non nulla. Pellentesque ac turpis turpis. Aliquam erat volutpat. Proin semper auctor mauris vel tempor. Ut eget turpis neque. Nam ultricies tortor eu odio ultricies euismod. Nulla rhoncus iaculis felis vulputate euismod. Maecenas sapien arcu, gravida eu tincidunt vel, ultricies ullamcorper neque. Phasellus interdum, nibh eu pulvinar mollis, eros dolor sollicitudin nunc, in ullamcorper nisl ante eu nunc.</p>
								  <small><a href="#" title="">John Doe</a><cite> | client @ Famous Company</cite></small>
							</blockquote>
						</div>
					</div>
					<div class="media">
						<img class="media-object pull-left" src="tm_assets/theme/images/mrawesome.jpg" alt="">
						<div class="media-body">
							<blockquote>
								  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae accumsan mauris. Donec vitae nibh felis, facilisis bibendum sapien. Duis a odio id erat scelerisque fermentum in ut leo. Suspendisse potenti. Nunc semper cursus dui luctus porttitor. Donec facilisis semper magna sit amet ullamcorper. Cras rutrum magna eget risus vulputate congue. Sed sem libero, dignissim sit amet viverra vitae, suscipit sit amet elit. Integer tincidunt risus in metus rhoncus molestie. Nam semper, augue suscipit elementum vehicula, nisl justo fermentum mi, at ultrices quam enim eu nulla. Sed et neque a metus ultrices condimentum non nec purus.</p>
								  <small><a href="#" title="">John Doe</a><cite> | client @ Famous Company</cite></small>
							</blockquote>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>		
				<!-- End Content -->
		</div>
		<!-- End Wrapper -->
		</div>
				
	</div>
	
